/* px 转化为rem */
@function rem($px){
	@return $px/108px * 1rem;
	//@return $px/64 rem;
}
*{
	margin:0;
	padding:0;
}

/* 头部 */
.header{
	width:100%;
	height:rem(170px);
	background:#FFF;
	overflow:hidden;
	.headInput{
		width:rem(1033px);
		height:rem(90px);
		margin:rem(40px) auto;
		border-radius:rem(10px);
		/* input */
		.sousuo-box{
			width:rem(830px);
			height:100%;
			border-radius:rem(10px);
			background:#f0f0f0;
			float:left;
			margin:rem(0px) rem(25px) rem(0px) rem(0px);
			i{
				color:#8b8b8b;
				font-size:rem(53px);
				width:rem(105px);
				height:100%;
				display:inline-block;
				text-align: center;
				line-height: rem(90px);
			}
		}
		span{
			width:rem(177px);
			height:rem(90px);
			background:#4eb437;
			border-radius:rem(10px);
			display:inline-block;
			color:#FFF;
			font-size:rem(40px);
			text-align: center;
			line-height: rem(90px);

		}
	}
}
/* 历史搜索 */
.container{
	width:100%;
	height:auto;
	background:#f2f2f2;
	.con-wrap{
		width:rem(1033px);
		height:auto;
		margin:0 auto;
		.history{
			width:100%;
			height:rem(170px);
			span{
				color:#505050;
				font-size:rem(45px);
				line-height: rem(170px);
			}
			i{
				color:#505050;
				font-size:rem(45px);
				line-height: rem(170px);
				float:right;
				margin-right: rem(30px);
			}
		}
		.history-list{
			width:100%;
			height:auto;
			display: flex;
			flex-wrap:wrap;
			justify-content: space-between;
			li{
				width:rem(325px);
				height:rem(110px);
				background:#FFF;
				border-radius:rem(10px);
				margin-bottom: rem(35px);
				text-align: center;
				line-height: rem(110px);
				span{
					color:#505050;
					font-size:rem(40px);
				}
			}
			/*li:nth-type-of(1),li:nth-type-of(2),li:nth-type-of(3){
				margin-bottom: 0;
			}*/
		}
	}
}